<!DOCTYPE html>
<html>
	 <head>
	 <!-- <meta charset="UTF-8"> -->
		 <meta content="IE=edge" http-equiv="X-UA-Compatible">
	 	<@mup.header/>
	 	<script>
	 		window.contextPath = '${gatewayPath}';
	 		window.contextLocale = '${request.getLocale()}';
	 		window.__maxInactiveInterval = ${maxInactiveInterval!'3600'};
	 		window.apiDesigner = ${apiDesigner!'false'};
	 		window.serviceId = '${serviceId!'-1'}';
	 		window.serviceName = '${serviceName}';
			window.serviceAlias = '${serviceAlias}';
	 		window.themeId = '${themeId}';
	 		window.row = {"id":"${serviceId}", "flowid":"-1", name: "${name}",serviceAlias: "${serviceAlias}", ignore: true, type: '${type}', flowName: '${flowName}', auth: ${auth}, approveStatus: '${approveStatus}',interDescript:'${interDescript}',launchState:'${launchState}'};
	 		window.resPar = ${resPar};
	 		window.urlPrefix = '${urlPrefix}';
	 		window.authCodes = [
	 		<#list tokens as tk>
 				{key:"${tk.key}",secret:"${tk.secret}",name:"${tk.name}"} ,
 			</#list>
	 		];
	 	</script>
		<@mup.link href="/css/layout-default.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link href="/css/icon.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link href="/css/jsPlumb/jsPlumbToolkit-defaults-2.2.4.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link href="/css/ui.jqgrid.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link href="/css/leaflet/leaflet.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link href="/css/leaflet/leaflet.marker.highlight.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link href="/css/jquery.treeTable.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link href="/css/zTreeStyle.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link href="/css/plugin/plugin.yui.min.css?v=2023-04-24T10:54:57Z" model="product"/>
       	<@mup.link href="/css/tempo.jquery-ui.theme.[theme].css?v=2023-04-24T10:54:57Z" model="all"/>  
        <@mup.link href="/css/plugin/theme/tempo-plugin.theme.[theme].css?v=2023-04-24T10:54:57Z" model="all"/>  
		<@mup.link href="/script/config/css/style.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link href="/css/plugin/tempo-validator.css?v=2023-04-24T10:54:57Z"/>
		<@mup.link href="/css/plugin/tempo-validatebox.css?v=2023-04-24T10:54:57Z"/>
		<@mup.link href="/css/plugin/tempo-tempoprogressbar.css?v=2023-04-24T10:54:57Z" model="all"/> 
		<@mup.link href="/css/plugin/tempo-partprogressbar.css?v=2023-04-24T10:54:57Z" model="all"/> 
		<@mup.link href="/css/plugin/tempo-selectmenu.css?v=2023-04-24T10:54:57Z"/>
		<@mup.link href="/css/plugin/tempo-button.css?v=2023-04-24T10:54:57Z"/>
		<@mup.link href="/css/plugin/tempo-dialog.css?v=2023-04-24T10:54:57Z"/>
		<@mup.link href="/css/plugin/tempo-datagrid.css?v=2023-04-24T10:54:57Z"/>
		<@mup.link href="/css/plugin/tempo-alert.css?v=2023-04-24T10:54:57Z"/>
		<@mup.link href="/mine/css/tempo-columnselect.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link href="/ai_runtime/css/app-publish.css?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.link href="/css/timepicker/jquery-ui-timepicker-addon.min.css?v=2023-04-24T10:54:57Z"/> 
		<@mup.link href="/css/popover/jquery.webui-popover.min.css?v=2023-04-24T10:54:57Z"/> 
		<@mup.link href="/ai_runtime/css/app-configuration.css?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.link href="/css/plugin/tempo-tabs.css?v=2023-04-24T10:54:57Z"/> 
		
		<@mup.script src="/js/dateUtils.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/tempo-compare-utils.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/jquery-validate.min.js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/js/tempo-utils.js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/js/des-utils.yui.min.js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/js/regexUtil.js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/js/jquery.form.js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/js/jquery.jqGrid.min.js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/js/jquery.layout.yui.min.js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/js/jqgrid/i18n/grid.locale-[locale].js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/js/plugin/i18n/tempo-plugin-[locale].js?v=2023-04-24T10:54:57Z" model="all"/>   
		<@mup.script src="/js/plugin/plugin.yui.min.js?v=2023-04-24T10:54:57Z" model="product"/> 
		<@mup.script src="/js/plugin/tempo-plugin-utils.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-module.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/plugin/tempo-validator.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-validatebox.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-numberbox.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-tempoprogressbar.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/plugin/tempo-partprogressbar.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/plugin/tempo-dialog.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-datagrid.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-alert.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-confirm.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-button.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-radio.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-checkbox.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-selectmenu.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/tempo-constant.js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/mine/plugins/selectpicker/js/selectpick.js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/mine/js/mine-util.js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/js/plugin/tempo-tabs.js?v=2023-04-24T10:54:57Z"/>
		<script>
			(function(){
				var i18ns = ${i18ndict!'{}'};  
				for ( var i in i18ns) { 
					TempoUtils.locale(i, i18ns[i]); 
				}; 
			})();
			
		</script>
		<@mup.script src="/js/jsPlumb/jsPlumb-2.2.4.js?v=2023-04-24T10:54:57Z" model="all"/>
	   <@mup.script src="/mine/js/mine-constants.js?v=2023-04-24T10:54:57Z" model="all"/>
	   <@mup.script src="/mine/publish/js/mine-publish-config-service.js?v=2023-04-24T10:54:57Z" model="all"/>
	   <mscript src="${gatewayPath}/ai_runtime/js/app-configuration.js?v=2023-04-24T10:54:57Z"/>
	   <mscript src="/mine/publish/js/script.js?v=2023-04-24T10:54:57Z" /> 
	   
	 </head>
	 <body>
		<div class='app-config-container ui-layout-center'>
			<div class='app-config-block app-config-toolbar'>
				<a href="javascript:;void(0)" onclick="return false;" class='config-button'><@spring.message "aiview.do-config"/></a>
				<a href="javascript:;void(0)" onclick="return false;" class='start-button'>开启</a>
				<a href="javascript:;void(0)" onclick="return false;" class='test-button'><@spring.message "aiview.do-test"/></a>
				<a href="javascript:;void(0)" onclick="return false;" class='down-sdk-button'><@spring.message "mine.xiazaisdk"/></a>
				<a href="javascript:;void(0)" onclick="return false;" class='down-ex-button'><@spring.message "mine.xiazaishilidaima"/></a>
				
				<a href="javascript:;void(0)" onclick="return false;" class='mine-service-resource-download mine-right' style='display: none;'></a>
				<a href="javascript:;void(0)" onclick="return false;" class='mine-service-runtime-download mine-right' style='display: none;'></a>
				<label class='mine-service-resource-label mine-right' style='display: none;'>离线服务包：</label>
			</div>
			<!--其他隐藏参数-->
			<select name='flow' style='display: none;'><option selected>${serviceId}</option></select>
			<!--服务信息-->
			<form id="tempo-mine-flow-service-test" onsubmit="return false;">
				<div class="tempo-mine-flow-service-info">
					<p class="test-title-1"><@spring.message "mine.fuwuxinxi"/></p>
					<table class="formLayout specialtable">
						<tbody>
							<tr>
								<td class="" style="min-width: 60px;">
									<label ><@spring.message "mine.fwmc"/></label>
								</td>
								<td name="serviceName" style="max-width: 480px;    word-wrap: break-word;">
									${name}
								</td>
							</tr>
							<tr class="sync-test-fubm">
								<td class="" style="min-width: 60px;">
									<label ><@spring.message "mine.fwbm"/></label>
								</td>
								<td name="async-test-data-alias" style="max-width: 480px;    word-wrap: break-word;">
									${serviceAlias}
								</td>
							</tr>
							<tr class="sync-api-desc async-api-desc">
								<td class="" >
									<label ><@spring.message "mine.fuwudizhi"/></label>
								</td>
								<td name="async-test-data-url" style="max-width: 480px;    word-wrap: break-word;">
									
								</td>
							</tr>
							<tr>
								<td class="">
									<label ><@spring.message "mine.fwid"/></label>
								</td>
								<td name="async-test-data-id">
									${serviceId}
								</td>
							</tr>
							<tr class="sync-api-desc async-api-desc">
								<td class="">
									<label ><@spring.message "mine.qqfs"/></label>
								</td>
								<td>
									RESTful
								</td>
							</tr>
							<tr class="sync-api-desc async-api-desc">
								<td class="">
									<label ><@spring.message "mine.qqff"/></label>
								</td>
								<td>
									POST
								</td>
							</tr>
							<tr class="sync-api-desc async-api-desc">
								<td class="">
									<label ><@spring.message "mine.qqgs"/></label>
								</td>
								<td>
									JSON
								</td>
							</tr>
							<tr class="sync-api-desc async-api-desc">
								<td class="">
									<label ><@spring.message "mine.ffgs"/></label>
								</td>
								<td>
									JSON
								</td>
							</tr>
							<tr class="clientCodeInfo sync-api-desc async-api-desc">
								<td class="">
									<label for="clientCode"><@spring.message "mine.sqxx"/></label>
								</td>
								<td name="grantList"></td>
							</tr>
							
							<tr>
								<td class="">
									<label for="skCode"><@spring.message "mine.fwlx"/></label>
								</td>
								<td class='service-type'>
									<@spring.message "mine.sevTypeAsync"/>
								</td>
							</tr>
							<tr style="">
								<td class="">
									<label for="skCode"><@spring.message "mine.jksm"/></label>
								</td>
								<td name="async-test-data-explain">
									${interDescript}
								</td>
							</tr>
						</tbody>
					</table>
		    <div id="tempo-mine-paraminfo-accordion" class="sync-api-desc async-api-desc">
				<div  id="panel_title">
					<span class="pannel_header"><@spring.message "mine.qqcanshusm"/></span>
				</div>
				<div title='<@spring.message "mine.qqcanshusm"/>' >
					<table class="formLayout specialtable">
						<tr>
							<td class="tabtitle"><@spring.message "mine.meta_grid_label_name"/></td>
							<td class="tabtitle"><@spring.message "mine.nodeDescrib"/></td>
						</tr>
						<tr>
							<td>App-Key</td>
							<td>
								<@spring.message "mine.appkey_description"/>
							</td>
						</tr>
						<tr>
							<td>App-Token</td>
							<td>
								<@spring.message "mine.appsecret_description"/>
							</td>
						</tr>
						<tr class="async-api-desc sync-api-desc">
							<td>serviceId</td>
							<td>
								<@spring.message "mine.fwid"/>
							</td>
						</tr>
						<tr class="async-api-desc">
							<td>method</td>
							<td>
								<@spring.message "mine.methoddescription"/>
							</td>
						</tr>
						<tr class="async-api-desc">
							<td>eid</td>
							<td>
								<@spring.message "mine.eiddescription"/>
							</td>
						</tr>
                        <tr class="sync-api-desc">
                            <td>data</td>
                            <td>
                                <@spring.message "mine.request_data"/>
                            </td>
                        </tr>
                        <tr class="sync-api-desc">
                            <td>flowParams</td>
                            <td>
                                <@spring.message "mine.request_flowparams"/>
                            </td>
                        </tr>
					</table>
				</div>
				<div  id="panel_title">
					<span class="pannel_header"><@spring.message "mine.fhcanshusm"/></span>
				</div>
				<div title=<@spring.message "mine.fhcanshusm"/>>
					<table class="formLayout specialtable">
						<tr>
							<td class="tabtitle"><@spring.message "mine.meta_grid_label_name"/></td>
							<td class="tabtitle"><@spring.message "mine.nodeDescrib"/></td>
						</tr>
						<tr class="async-api-desc">
							<td>status</td>
							<td>
								<@spring.message "mine.statusdescription"/>
							</td>
						</tr>
						<tr>
							<td>message</td>
							<td>
								<@spring.message "mine.errordescription"/>
							</td>
						</tr>
						<tr>
							<td>code</td>
							<td>
								<@spring.message "mine.codedescription"/>
							</td>
						</tr>
						<tr class="async-api-desc">
							<td>eid</td>
							<td>
								<@spring.message "mine.eidreturndesc"/>
							</td>
						</tr>
                        <tr>
                            <td>data</td>
                            <td>
                                <@spring.message "mine.response_data"/>
                            </td>
                        </tr>
					</table>
				</div>
				<div  id="panel_title">
					<span class="pannel_header"><@spring.message "mine.jscodemodel"/></span>
				</div>
				<div title=<@spring.message "mine.jscodemodel"/>>
					<div calss="test-content-1" id="jscode">
						<pre class='code'>${code!'// TODO'}</pre>
					</div>
				</div>
			</div>
				</div>
				<!--参数说明-->
				<div style="float: left;" class='tempo-mine-service-monitor-info'>
					<p class="test-title-1"><@spring.message "aiview.zypz"/></p>
					<div>
						<!--资源配置-->
						<div id="res-config" class="specialtable"></div>
						<!--流程参数-->
						<p class="test-title-1"><@spring.message "mine.liuchengcanshu"/></p>
						<table class="formLayout specialtable stable-tdleft1" id="flow-params">
							<tr>
								<td class="tabtitle"><@spring.message "mine.paname"/></td>
								<td class="tabtitle"><@spring.message "mine.paval"/></td>
								<td class="tabtitle"><@spring.message "mine.desc"/></td>
							</tr>
						</table>
					</div>
				</div>
			</form>
			<div id="tempo-mine-flow-service-dialog">   
				 <table id="authgrid" >
				 </table>
			</div>
		</div>
		<@mup.link href="/mine/css/mine.theme.[theme].css?v=2023-04-24T10:54:57Z"  model="all"/>
	 </body>
 </html>